// 轮播图


let index = 0
$('.slider_right>.prev').click(() => {
    index--
    index = index < 0 ? $('.slider_right ul li').length - 1 : index--
        $('.pagation span').eq(index).addClass('switch').siblings().removeClass('switch')

    $('.slider_right ul li').eq(index).stop().animate({
        left: '0'
    }).siblings().stop().animate({
        left: '884px'
    })

})

$('.slider_right>.next').click(() => {
    index++
    index = index > $('.slider_right ul li').length - 1 ? 0 : index++
        $('.pagation span').eq(index).addClass('switch').siblings().removeClass('switch')
    $('.slider_right ul li').eq(index).stop().animate({
        left: '0'
    }).siblings().stop().animate({
        left: '884px'
    })
})

$('.pagation span').click(function() {
    $(this).addClass('switch').siblings().removeClass('switch')
    $('.slider_right ul li').eq($(this).attr('index')).stop().animate({
        left: '0'
    }).siblings().stop().animate({
        left: '884px'
    })
})







function autoClick() {
    $('.slider_right>.next').trigger('click')
}


setInterval(() => {
    autoClick()
}, 6000)

// 轮播图


// 滑动切换
$('.swiper_prev').click(function() {
    $(this).parent().children('ul').stop().animate({
        marginLeft: '0'
    })
    $(this).parent().children('.swiper_next').show()
    $(this).hide()
})

$('.swiper_next').click(function() {
    $(this).parent().children('.swiper_prev').show()
    $(this).hide()
    $(this).parent().children('ul').stop().animate({
        marginLeft: '-1196'
    })
})

// 滑动切换